<template>
  <!-- 
        1   组件数据绑定，自定义value，input, v-mode        [v-mode绑定组件 :value = '', @input = '' ]
        2   <slot slot-scope = 'xxxxx'></slot>             [插槽的概念->三种插槽的方式]
        3    this.$refs.(ref的名字)                         [在组件定义和 在html标签定义的区别，注意不要滥用]
        4   
    -->
  <div class="test">
    <ComOne ref="comp" v-model="originValue"></ComOne>
  </div>
</template>

<script>
import ComOne from "./compoments/ComOne.vue";
export default {
  components: {
    ComOne
  },
  data() {
    return {
      originValue: "222"
    };
  },
  methods: {
    modelValueOne(data) {
      this.originValue = data;
    }
  },
  mounted() {
    // this.$root.component('test-com',{
    //   data(){
    //     return {
    //       count:0
    //     }
    //   },
    //   template:'<button @click="count ++">{{ count }} times</button>'
    // })
    console.log(this.$root)
  }
};
</script>

<style>
</style>
